<!-- 折叠菜单 -->
<template>
    <el-tooltip content="菜单折叠" placement="bottom">
        <svg-icon @click="toogle" class="zhedie" :class="SettingStore.isCollapse ? 'tranform' : ''"  name="zhedie1"></svg-icon>
    </el-tooltip>
</template>
<script lang='ts' setup>
import { useSetting } from '@/pinia';
const SettingStore = useSetting()
const toogle = () => {
    SettingStore.setCollapse(!SettingStore.isCollapse)
}

</script>
<style scoped>
zhedie {
    transition: all .3s;
    transform: rotate(0deg);
}

.tranform {
    transform: rotate(180deg);
}
</style>